:host {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  .col {
    display: flex;
    flex-direction: row;
    height: var(--height);
    margin-top: 5px;
    justify-content: center;
    align-items: center;
    .row {
      flex: 1;
      width: var(--width);
      max-width: var(--width);
      height: var(--height);
      line-height: var(--height);
      text-align: center;
      background: #fff;
      margin: 0px 2.5px;
      box-shadow: 1px 1px 2px #dfdddd;
      border-radius: 3px;
      &.active {
        background: #ddd;
      }
    }
  }
}
